const container = document.querySelector(".container");
const left = document.querySelector(".left");
const right = document.querySelector(".right");
left.addEventListener("mouseenter",() => {
    container.classList.add("hover-left");
})
left.addEventListener("mouseleave",() => {
    container.classList.remove("hover-left");
})
right.addEventListener("mouseenter",() => {
    container.classList.add("hover-right");
})
right.addEventListener("mouseleave",() => {
    container.classList.remove("hover-right");
})